<html>
<!--
https://github.com/bytedance/magic-microservices/blob/main/README-zh_CN.md
一款基于 Web Components 的轻量级的微前端工厂函数
-->
<body>
<custom-component></custom-component>
<script src="https://unpkg.com/@magic-microservices/magic@latest/dist/index.umd.js"></script>
<script>
      magic('custom-component', {
        bootstrap:()=>(console.log('vue app bootstraped')),
        firstUpdated:()=>(console.log('vue app firstUpdated')),
        mount: (container) => (container.innerHTML = 'Hello magic!'),
        updated:()=>(console.log('vue app updated')),
      });
    </script>
</body>
</html>